<template>
  <div class="headerswapper">
		<div class="header-title">
			<router-link :to="{name: 'Home'}">
				<span class="iconfont header-title-icon">&#xe624;</span>
			</router-link>
			<div class="header-title-desc">选择城市</div>
		</div>
	</div>
</template>
<script>
export default {
	name: 'cityHeader',
}
</script>
<style scoped>
.header-title {/*头部标题外部盒子*/
	position: relative;
	height: .88rem;
	background-color: #00bcd4;
}
.header-title-icon {/*字体图标样式*/
	position: absolute;
	top: 0;
	left:0;
	line-height: .88rem;
	color: #fff;
	width: 1.2rem;
	font-size: .4rem;
	padding-left: .3rem;
}
.header-title-desc {/* 标题文字部分*/
	margin: 0 1.2rem;
	text-align: center;
	color: #fff;
	line-height: .88rem;
	font-size: .36rem
}

</style>

